<template>
  <div class="app">
    <div class="Customize_head">
      
     <Customize_head />
    </div>


    <!-- <div class="container">
      <div class="box left">
        <dv-border-box-13 style="width: 100%; height:50%;float:left;" :color="['#5976d0', '#5976d0']">

        </dv-border-box-13>
        <dv-border-box-13 style="width: 100%; height:50%;float:left;" :color="['#5976d0', '#5976d0']">

        </dv-border-box-13>
      </div>
      <div class="box center">
        <dv-border-box-13 style="text-align: center;" :color="['#5976d0', '#5976d0']">

        </dv-border-box-13>
      </div>
      <div class="box right">
        <dv-border-box-13 style="width: 100%; height:50%;float:left;" :color="['#5976d0', '#5976d0']">

        </dv-border-box-13>
        <dv-border-box-13 style="width: 100%; height:50%;float:left;" :color="['#5976d0', '#5976d0']">

        </dv-border-box-13>
      </div>
    </div> -->

  </div>
</template>
    
<script>
import Customize_head from "@/components/video/Customize-head";
export default {
  components: { Customize_head },

  props: {

  },
  data: function () {
    return {
     
    }
  },
  mounted() {
 
    

  },
  methods: {
  

   
  }

}

</script>
<style scoped>
.app {
  height: 100vh;
  background-image: url("../assets/img/pageBg.png");
}



.container {
  width: 100%;
  height: 93.5%;
  clear: both;
}

.left {
  width: 25%;
  height: 99%;


}

.right {
  width: 25%;
  height: 99%;


}

.center {
  width: 50%;
  height: 99%;


}

.box {
  float: left;
}
</style>




    